<template>
  <div>
    老师说：<br>
    今天考试客户端<br>
    {{str}}<br>
    <input type="button" value="回复" @click="a=true">
    <div class="dialog" v-if="a">
      <div class="content">
        <input type="text" v-model="str"><br>
        <input type="button" value="评论" @click="put(strs)">
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      a: false,
      str: {}
    }
  },
  methods:{
    put(strs){
      this.str=strs;
      this.addVisable=false;
    }
  }
}
</script>

<style scoped>
.dialog {
  width: 100%;
  height: 100%;
  position: absolute;
  /*top: 0px;*/
  /*left: 0px;*/
  margin-top: 200px;
  /*background-color: antiquewhite;*/
  display: flex;
  justify-content: center;
  align-content: center;
}

.content {
  width: 200px;
  height: 200px;
  background-color: white;
  border: 2px solid #000;
}
</style>